<nz-layout style="height: 100%;">
  <nz-content>
    <div nz-col [nzSpan]="16" [nzOffset]="4">
      <div nz-col [nzSpan]="18" [nzOffset]="3" class="mt-3 mb-5">
        <img [src]="changeImg" width="100%" class="align-items-center">
      </div>
      <!--      <nz-alert *ngIf="showMessage"-->
      <!--                nzType="error"-->
      <!--                nzMessage="{{ errorMessage }}"-->
      <!--      >-->
      <!--      </nz-alert>-->
      <form nz-form [formGroup]="validateForm" class="login-form">
        <nz-form-item>
          <nz-form-control nzErrorTip="请输入原密码">
            <nz-input-group nzPrefixIcon="alert">
              <input type="text" nz-input formControlName="oldpwd" placeholder="请输入原密码"/>
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-control nzErrorTip="请输入新密码">
            <nz-input-group nzPrefixIcon="lock">
              <input type="password" nz-input formControlName="pwd" placeholder="请输入新密码"/>
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-control nzErrorTip="请再次输入新密码">
            <nz-input-group nzPrefixIcon="check-circle">
              <input type="password" nz-input formControlName="repwd" placeholder="请再次输入新密码"/>
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-control>
            <button nz-button class="login-form-button" [nzType]="'primary'" (click)="changePassword()">修改密码
            </button>
            <a (click)="enterRegister()"><font color="#1e90ff">马上注册 👉</font></a>
            <a class="login-form-forgot" (click)="enterLogin()"><font color="#1e90ff">登录</font></a>
          </nz-form-control>
        </nz-form-item>
      </form>
    </div>
  </nz-content>
</nz-layout>
